<template>
  <div class="h-full overflow-hidden border-box">
    <div class="h-full bg-white overflow-auto p-10px">
      <n-space>
        <n-button @click="visible = true">弹窗</n-button>
      </n-space>
    </div>
    <EvModal v-model="visible" :config="{ options: { showFooter: true }, events: {} }">
      <template #default> 我是个弹框,能大能小 </template>
    </EvModal>
  </div>
</template>

<script setup>
import { ref, defineAsyncComponent } from 'vue';
const EvModal = defineAsyncComponent(() => import('@/components/vxe-table/EvModal/index.vue'));
const visible = ref(false);
</script>

<style scoped></style>
